:host {
  @apply w-106 flex flex-col justify-center;
}

.result {
  @apply flex p-4 rounded-md bg-slate-200 text-sm mb-4 w-96 self-center;
}

.form {
  @apply self-center flex flex-col items-center 
  mt-2 w-96 space-y-2 pb-6 pt-3 
  rounded-lg shadow-lg border;
}

.text-input {
  @apply input input-bordered w-full max-w-xs;
}

.control-label {
  @apply form-control w-full max-w-xs;
}
